<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>resume</title>
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!--
			http-equiv="Content-Type" 规定字符编码
			使用 http-equiv 已经不是规定 HTML 文档的字符集的唯一方式：
				HTML 4.01： <meta http-equiv="content-type" content="text/html; charset=UTF-8">
				HTML5： <meta charset="UTF-8">
		-->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!--保持用户一进页面默认在最上面，
			因为chrome等浏览器会有滚动缓存功能，
			比如在A页面滚动后跳转到B页面，点击返回键回到A页面，
			发现滚动条位置仍然保持在上一个页面上，于是调用这个js使之返回到页面顶部
		-->
		<!--
			type="text/javascript"  传统，曾经H4中普遍使用
			type="application/javascript"  没有被浏览器很好支持
			type="application/x-javascript"   实验性，非标准性
			目前js是H5中默认脚本语言，所以可以不用以上这些约束了
		-->
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
	</head>
	<!--
	px：绝对单位，页面按精确像素展示
	em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
	rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。
-->

	<body>
		<!--start-header-section-->
		<div class="header-section">
			<div class="container">
				<img src="img/ting.png" height="200px" class="img-circle">
				<h1>hello world<span>!</span></h1>
				<p>My name is Hunter & i play Java on server</p>
			</div>
		</div>
		<!--end header-section-->
		<!--start-study-section-->
		<div class="study-section">
			<div class="container">
				<div class="study-grids">
					<div class="col-md-6 study-grid">
						<h3>experience..<span>!</span></h3>
						<div class="study1">
							<p>哈尔滨时光慢递有限责任公司创业<label>( 2015年12月 — 2016年8月 )</label></p>
							<p>深圳某研究所交流<label>( 2015年11月 )</label></p>
							<p>华为北京研究所交流<label>( 2015年9月 )</label></p>
							<p>支付宝北京分公司实习<label>( 2015年6月 — 2015年8月 )</label></p>
							<p>国家级大学生创新项目两项<label>( 2014年10月 — 2015年5月 )</label></p>
							<p>与华为终端有限公司签署重点项目保密协议<label>( 2014年7月 — 2014年10月 )</label></p>
						</div>
					</div>
					<div class="col-md-6 study-grid">
						<h3>skills..<span>!</span></h3>
						<div class="study2">
							<h4>C/C++</h4>
							<div class="progress">
								<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
									<span class="sr-only">40% Complete (success)</span>
								</div>
							</div>
							<h4>Distribute、Cluster、MQ</h4>
							<div class="progress">
								<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
									<span class="sr-only">20% Complete</span>
								</div>
							</div>
							<h4>DB、Linux、HTML</h4>
							<div class="progress">
								<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
									<span class="sr-only">60% Complete (warning)</span>
								</div>
							</div>
							<h4>Java</h4>
							<div class="progress">
								<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
									<span class="sr-only">80% Complete (danger)</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--end study-section-->
		<!--start-contact-section-->
		<div class="contact-section" id="contact">
			<div class="container">
				<h3>contact</h3>
				<div class="contact-details">
					<div class="col-md-6 contact-left">
						<input type="text" class="text" value="Name : 孙广婷 ">
						<input type="text" class="text" value="Email : sgt_1997_03@163.com ">
						<input type="text" class="text" value="QQ : 893708993 ">
					</div>
					<div class="col-md-6 contact-right">
						<textarea>
	
	二等奖学金
	三等奖学金
	</textarea>
					</div>
				</div>
			</div>
		</div>
		<!--end-contact-section-->
		<!--start-footer-section-->
		<div class="footer-section">
			<div class="container">
				<div class="footer-top">
					<p>黑ICP备15000047号</p>
				</div>
			</div>
		</div>
		<!--end-footer-section-->
	</body>

</html>